<!-- 
说明：新建品牌表
作者：nwl
日期：2018-10-12 10:5:48
版本：1.0.0
-->
<template>
  <div>
    <mk-button :type="0"
               icon="el-icon-plus"
               @click="show">新增</mk-button>
    <zSeriesBrand-form v-if="visible"
                       @close="close"
                       :is-add="true"
                       title="新增品牌"
                       btn-name="保存" />
  </div>
</template>
<script>
  import ZSeriesBrandForm from './form'
  export default {
    name: 'add-button',
    components: {
      ZSeriesBrandForm
    },
    data () {
      return {
        visible: false
      }
    },
    methods: {
      show () {
        this.visible = true
      },
      /**
       * 关闭对话框时触发
       * 根据弹框是否需要重载页面而反馈到列表
       */
      close (reload) {
        this.visible = false
        if (reload === true) {
          this.$emit('reload')
        }
      }
    }
  }
</script>